@charset "utf-8"; #contents { padding: 10px 0 50px 0; } .idx_sec01 { overflow: hidden; zoom: 1; } .idx_sec01 .idxBox01, .idx_sec01 .idxBox02, .idx_sec01 .idxBox03 { float: left; width: 320px; } .idx_sec01 .idxBox01, .idx_sec01 .idxBox02 { margin: 0 10px 0 0; } .idx_sec01 .idxBox01 li, .idx_sec01 .idxBox02 li, .idx_sec01 .idxBox03 li { margin: 0 0 1px 0; } .idx_sec01 .idxBox01 li a { *zoom: 1; display: block; position: relative; width: 320px; height: 120px; color: #fff; font-size: 10px; text-decoration: none; } .idx_sec01 .idxBox01 li a span { *zoom: 1; cursor: pointer; position: absolute; left: 10px; bottom: 10px; padding: 5px 8px; width: 284px; _width: 300px; background: url(/aaJP/img/idx_bg01.png) no-repeat left top; text-decoration: none; } .idx_sec02 { overflow: hidden; zoom: 1; clear: both; margin: 25px 0 0 0; } .idx_sec02 h2 { height: 40px; } .idx_sec02 .topics { float: left; width: 485px; } .idx_sec02 .topics ul li { overflow: hidden; zoom: 1; background: #ffffff; margin: 0 0 1px 0; padding: 11px 12px; font-size: 12px; } .idx_sec02 .topics ul li p.topicsDay { float: left; display: inline; width: 5em; margin: 0 20px 0 0; } .idx_sec02 .topics ul li p.topicsTxt { overflow: hidden; zoom: 1; } .idx_sec02 .projectMap { position: relative; float: right; width: 485px; } .idx_sec02 .projectMap h2 { height: 40px; } .idx_sec02 .projectMap_btn { position: absolute; right: 5px; bottom: 5px; } #slideshow { height: 299px; overflow: hidden; } .slide { background: #ffffff; height: 299px; } .slides div { width: 990px; height: 299px; } /* ---------------------------------------------------- */ /* SLIDESHOW /* ---------------------------------------------------- */ #slideshow { width: 100%; height:299px; text-align: center; } #slideshow ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */ } #slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } /* ===================================================================== slide ===================================================================== */ #mainImg { position: relative; margin: 0 auto; width: 100%; height: 299px; overflow: hidden; } .topMenuList { position:absolute; top: 0; left: 50%; margin-left: -1954px; width: 3900px; height: 299px; z-index: 10; overflow: hidden; } .topMenuListBox { display:none; position:absolute; top:0px; left:0px; width:3900px; height:299px; zoom: 1; } .topMenuListBox:after { display: block; clear: both; height: 0; visibility: hidden; content: " "; } .topMenuListBox div { float:left; position:relative; margin:0; width:990px; height:299px; background-repeat:no-repeat; } .topMenu01 { background-image:url(/aaJP/img/mainimg01.jpg); } .topMenu02 { background-image:url(/aaJP/img/mainimg02.jpg); } .topMenu03 { background-image:url(/aaJP/img/mainimg03.jpg); } .topMenuListBox div a { position: relative; display: block; cursor: pointer; } .topMenuListBox div span.top_btn_over, .topMenuListBox div img { position:absolute; top:0; left:0; display: block; width:990px; height:299px; } .topMenuListBox div span.top_btn_over { background: url(/aaJP/construction/safety/index.html) 0px -339px no-repeat; z-index: 20; } .topMenuListBox div a img { z-index: 15; } /* * html .topMenuListBox div a { background-color: transparent; background-color: #000; } * html .topMenuListBox div a img{ } */ .topMenuSwitch { position:relative; margin:0 auto; top:339px; width:990px; height:299px; z-index:100; overflow:visible; } .topMenuBtnPrev, .topMenuBtnNext { display:none; position:absolute; top:-339px; width:990px; height:299px; cursor:pointer; } .topMenuBtnPrev { left:-1296px; } .topMenuBtnNext { right:-1304px; } .topMenuBtnPrev a, .topMenuBtnNext a { display:block; } .topMenuBtnPrev .topMenuBtnNet, .topMenuBtnNext .topMenuBtnNet { width:990px; height:299px; text-indent:-9999px; background:url(/aaJP/construction/safety/index.html); overflow:hidden; } /* .topMenuBtnPrev a.topMenuBtn, .topMenuBtnNext a.topMenuBtn{ position:absolute; display:block; top:126px; width:56px; height:56px; text-indent:-9999px; background-image:url(/aaJP/img/top_btn_over.png); background-repeat:no-repeat; } .topMenuBtnPrev a.topMenuBtn{background-position:0px bottom;left:684px;} .topMenuBtnNext a.topMenuBtn{background-position:-120px bottom;left:-32px;} .topMenuBtnPrev a.topMenuBtn:hover, .topMenuBtnPrev a.topMenuBtn.over{background-position:-60px bottom;} .topMenuBtnNext a.topMenuBtn:hover, .topMenuBtnNext a.topMenuBtn.over{background-position:-180px bottom;} */ .topMenuMark { display:none; position:absolute; top:-21px; left:164px; padding:0; _width:100%; height:12px; text-align:center; z-index:500; } .topMenuMark li { display:inline-block; /display:inline; zoom:1; margin-right:8px; width:12px; height:12px; } .topMenuMark li a { display:block; width:12px; height:12px; text-indent:-9999px; background:url(/aaJP/construction/safety/index.html) no-repeat 0 0; } .topMenuMark li a:hover, .topMenuMark li a.selected { background:url(/aaJP/construction/safety/index.html) no-repeat 0 -12px; } .topMenuLogo { text-indent: -9999px; position:absolute; top: -250px; left: 285px; z-index: 500; overflow: hidden; } .topMenuLogo a { display: block; height: 130px; width: 420px; background: url(/aaJP/img/mainimg_btn.png) left top no-repeat; } .topMenuLogo a:hover { background: url(/aaJP/img/mainimg_btn.png) left bottom no-repeat; } /* .topMenuFB { position:absolute; top:-339px; left:963px; z-index:500; } */ #bnrSmileParade { width: 219px; /*height: 230px;*/ height: 187px; position: relative; } #bnrSmileParade iframe { position: absolute; /*top: 151px;*/ top: 181px; left: 5px; overflow: hidden; /zoom: 1; } #bnrSmileParade ul li { padding: 0 6px; float: left; } #bnrList { } #bnrList li { margin-bottom: 10px; }/* i is7.c o m */